const theme = {
  color: {
    primary: "#FF385C",
    secondary: "#00848A",
    text: "#484848",
    textSecondary: "#222222",
  },
  text: {
    primaryColor: "#484848",
    secondaryColor: "#222",
  },
  fontSize: {
    small: "12px",
    normal: "14px",
    large: "16px",
  },
  mixin: {
    boxShadow: `
        transition: box-shadow 0.2s ease;
        &:hover {
          box-shadow: 0 2px 4px rgba(0,0,0,0.18);
        }
      `,
  },
};

export default theme;
